 <div tapmode class="playAllSent playAll" onTouchStart="touchStart(event);" onTouchMove="touchMove(event);" onTouchEnd="touchEnd(event)" id="playAll">
 </div>
<script>


	// 拖动播放所有
var isdrag = false;
var ty, y;
// $(function(){  
//     document.getElementById("playAll").addEventListener('touchend',function(){
//         sdrag = false;  
//     });  
//     document.getElementById("playAll").addEventListener('touchstart',selectmouse);  
//     document.getElementById("playAll").addEventListener('touchmove',movemouse);  
// }); 

function touchEnd(e) {
    sdrag = false;
    // $(".layer").removeClass("layerOn"); 
}

function touchMove(e) {
	// e.preventDefault();
    if (isdrag) {
        var n = ty + e.touches[0].pageY - y;
        // console.log(ty+"  "+e.touches[0].pageY+"  "+y+"  "+n);
        // 判断界限

        // if(e.touches[0].pageY<=0){
        // $("#playAll").css("top",0);
        // 		return false;
        // }
        // 防止内容滚动时候top变成负值
        var bodyH=$("body").height();
        //var headerH=$("header").height();
        var headerH=90;
        var playAllH=$(".playAll").outerHeight();
         // alert(bodyH+"  "+headerH+"  "+playAllH)
        var maxH = bodyH-playAllH;
        // if (n <=0) {
        //     return false;
        // } else if(n>200){
        //     return false;
        // }else {
        //     $("#playAll").css("top", n);
        // }
        if(0<n && n<maxH){
        	$("#playAll").css("top", n);
        }
        return false;
    }
}

function touchStart(e) {
    //$(".layer").addClass("layerOn");
    e.preventDefault();
    isdrag = true;
    ty = parseInt(document.getElementById("playAll").style.top + 0);
    y = e.touches[0].pageY;
    return false;
}
</script>